<template>
    <!-- 组长审批 -->
    <div class="p-2">
        <transition>
            <el-tabs v-model="activeTab" @tab-click="handleClick">
                <el-tab-pane label="待审批" name="Approval">
                    <Approval v-if="activeTab == 'Approval'" />
                </el-tab-pane>
                <el-tab-pane label="审批历史" name="History">
                    <History v-if="activeTab == 'History'" />
                </el-tab-pane>
            </el-tabs>
        </transition>
    </div>
</template>

<script setup lang="ts">
import type { TabsPaneContext } from 'element-plus'
import Approval from './approval.vue'
import History from './history.vue'
import { ref } from 'vue';

const activeTab = ref('Approval');

// tabs切换
const handleClick = (tab: TabsPaneContext, event: Event) => { };

</script>
<style lang="scss" scoped></style>